<style type="text/css">

    @import url('/static/css/index.css');

</style>


<!-- 搜索 -->
<div class="search">
    <form method="get">
        <div class="box">
            <div class="icon">
                <span class="glyphicon glyphicon-search"></span>
            </div>
            
            <input class="input" placeholder="请输入名字" name="keyword" value="{$keyword}" />
            <button class="btn" size="mini" type="defalut">搜索</button>
        </div>
    </form>
</div>
<!-- 分类 -->
<div class="type wow fadeInUp">
    <div class="list">
        <div class="item {$typeid ? '' : 'active'}">
            <a href="{:url('index/index')}">全部</a>
        </div>
        {foreach $TypeList as $item}
            <div class="item {$typeid == $item.id ? 'active' : ''}">
                <a href="{:url('index/index',['typeid' => $item.id])}">{$item.name}</a>
            </div>
        {/foreach}
    </div>
</div>

<!-- 列表 -->
<div class="contact wow fadeInUp" data-wow-delay="100ms">
    <div class="list">
        {foreach $ContactList as $item}
            <div class="item">
                <div class="content">
                    <h3 class="title">
                        <a href="{:url('contact/info',['conid'=> $item.id])}">{$item.nickname}</a>
                    </h3>

                    <div class="info">
                        <div class="icon">
                            <image src="/static/images/info.png"></image>
                        </div>
                        <div class="desc">
                            {$item.remark}
                        </div>
                    </div>
                </div>

                <div class="call icon">
                    <a href="tel:{$item.phone}">
                        <image src="/static/images/call.png"></image>
                    </a>
                </div>
            </div>
        {/foreach}
    </div>
</div>

<!-- 底部导航 -->
{include file='common/tabar'/}


<script>
    
</script>